firebase是甚麼?
一個行動應用程式開發的平台服務,並且支援跨平台-Android、iOS、web、unity(一個遊戲引擎)。
- firebase sdk提供DB、messaging、GA、效能監測...功能,這篇主要介紹messaging的部分
如何用?
1.建立、註冊專案
Add Firebase to JS project
2.下載sdk
盡量裝firebase v9,v8可能會報錯「export 'default' (imported as 'firebase') was not found in 'firebase/app'」
initializeApp
a-1. 產生key
Project settings的Cloud Messaging,找到Web Push certificate,點Generate Key Pair
a-2. import已存在的key
專案owner才可以執行
Project settings的Cloud Messaging,找到Web Push certificate,點import an existing key pair.
b. initializeApp// 直接裝9的話 import {initializeApp} from 'firebase/app'; import { getMessaging, onMessage } from "firebase/messaging"; const firebase = initializeApp(firebaseConfig); export const getMessage = getMessaging(); export const messaging = onMessage; export default firebase;
// 從8升級9,懶得改code的話就用firebase/compat,因為其和8相容 import firebase from 'firebase/compat/app'; import 'firebase/compat/auth'; import 'firebase/compat/messaging'; const firebaseConfig = { // setting/general拉到最下面會看到web專案的config apiKey: "...", authDomain: "....", databaseURL: "....", projectId: "....", // 建立專案的時候取的 storageBucket: "....", messagingSenderId: "....", // firebase messaging用 appId: "....", measurementId: "...." }; firebase.initializeApp(firebaseConfig); export const messaging = firebase.messaging; export default firebaseUtility;
📖
firebase-messaging receive
firebase-messaging client
firebase-messaging common use case